<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <title>实施资料管理详情</title>
    <link rel="stylesheet" media="screen" type="text/css" href="${res}/static/zoomimage/css/zoomimage.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="${res}/static/zoomimage/css/custom.css" />
	<link href="${res}/static/css/vedio/video-js.css" rel="stylesheet">
	<style>
	.video-js{float:left;margin-right:6px;}
	</style>
	<script type="text/javascript" src="${res}/static/zoomimage/js/jquery.js"></script>
	<script type="text/javascript" src="${res}/static/zoomimage/js/eye.js"></script>
	<script type="text/javascript" src="${res}/static/zoomimage/js/utils.js"></script>
	<script type="text/javascript" src="${res}/static/zoomimage/js/zoomimage.js"></script>
	<script type="text/javascript" src="${res}/static/zoomimage/js/layout.js"></script>
	<script type="text/javascript" src="${res}/static/plugin/layer-v3.1.1/layer/layer.js"></script>
	<style>
		.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }    
		.clearfix { display:inline-block; } 
		.clearfix {display:block;} 
	</style>
</head>
<body style="padding: 20px;">
	<div class="row">
		<c:forEach items="${list}" var="i">
		    <c:if test="${i.type == '2' }">
					<video id="my-video" class="video-js" controls preload="auto" width="400px" height="300px" poster="" data-setup="{}">
						<source src="${res}/file${i.path}" type="video/mp4">
				    </video>
			</c:if>
		</c:forEach> 
		<div class="clearfix"></div>
		<HR>
		<c:forEach items="${list}" var="i"> 
			<c:if test="${i.type == '1' }">
			     <a href="${res}/file${i.path}" title="" class="bwGal">
			     	<img src="${res}/file${i.path}" alt="" width="400px" height="300px">
			     </a>
		    </c:if>
		</c:forEach>    
	<div>
		<script type="text/javascript" src="${res}/static/js/vedio/video.min.js"></script>  
		<script type="text/javascript">
			var myPlayer = videojs('my-video');
			videojs("my-video").ready(function(){
				var myPlayer = this;





				myPlayer.play();
			});
	    </script>
<script type="text/javascript">
</script>
<!-- script end -->
</body>
</html>
